/**
 * 头部和侧边栏
 */
@primary-color: #ffe300; // 全局主色
@u-main-color: #333333;
@u-content-color: #666666;
@u-tips-color: #999999;
@u-light-color: #c0c4cc;
@u-border-color: #f5f5f5;
@u-bg-color: #f3f3f6;

@u-type-primary: #0ca3f2;
@u-type-primary-light: #d6e8fd;
@u-type-primary-disabled: #9fcbfe;
@u-type-primary-dark: #2889fc;

@u-type-warning: #f5b111;
@u-type-warning-disabled: #fbdf9d;
@u-type-warning-dark: #f2ae11;
@u-type-warning-light: #fef9eb;

@u-type-success: #00a35f;
@u-type-success-disabled: #adffdd;
@u-type-success-dark: #008f53;
@u-type-success-light: #ebfff7;

@u-type-error: #fc6260;
@u-type-error-disabled: #ffc2c2;
@u-type-error-dark: #f55351;
@u-type-error-light: #ffebeb;

@u-type-info: #909399;
@u-type-info-disabled: #c8c9cc;
@u-type-info-dark: #82848a;
@u-type-info-light: #f4f4f5;

/**间距 背景 圆角**/
@u-mp-5: 5px;
@u-mp-10: 10px;
@u-mp-20: 20px;
@u-mp-30: 30px;
@u-mp-40: 40px;
@u-mp-50: 50px;
@u-type-white: #fff;

@u-border-radius: 4px;
@u-border-radius-middle: 8px;
@u-border-radius-big: 12px;
@u-border-radius-all: 100%;

/* 字体大小 */
@u-font-01: 12px;
@u-font-02: 12px;
@u-font-03: 12px;
@u-font-1: 14px;
@u-font-2: 16px;
@u-font-3: 18px;

/* 边框颜色 */
@u-border-color-dark: #dcdfe6;
@u-border-color-disabled: #ebeef5;
@u-border-color-light: #e4e7ed;

/* 颜色 */
.u-type-primary-light {
  color: @u-type-primary-light;
}

.u-type-warning-light {
  color: @u-type-warning-light;
}

.u-type-success-light {
  color: @u-type-success-light;
}

.u-type-error-light {
  color: @u-type-error-light;
}

.u-type-info-light {
  color: @u-type-info-light;
}

.u-type-primary-light-bg {
  background-color: @u-type-primary-light;
}

.u-type-warning-light-bg {
  background-color: @u-type-warning-light;
}

.u-type-success-light-bg {
  background-color: @u-type-success-light;
}

.u-type-error-light-bg {
  background-color: @u-type-error-light;
}

.u-type-info-light-bg {
  background-color: @u-type-info-light;
}

.u-type-primary-dark {
  color: @u-type-primary-dark;
}

.u-type-warning-dark {
  color: @u-type-warning-dark;
}

.u-type-success-dark {
  color: @u-type-success-dark;
}

.u-type-error-dark {
  color: @u-type-error-dark;
}

.u-type-info-dark {
  color: @u-type-info-dark;
}

.u-type-primary-dark-bg {
  background-color: @u-type-primary-dark;
}

.u-type-warning-dark-bg {
  background-color: @u-type-warning-dark;
}

.u-type-success-dark-bg {
  background-color: @u-type-success-dark;
}

.u-type-error-dark-bg {
  background-color: @u-type-error-dark;
}

.u-type-info-dark-bg {
  background-color: @u-type-info-dark;
}

.u-type-primary-disabled {
  color: @u-type-primary-disabled;
}

.u-type-warning-disabled {
  color: @u-type-warning-disabled;
}

.u-type-success-disabled {
  color: @u-type-success-disabled;
}

.u-type-error-disabled {
  color: @u-type-error-disabled;
}

.u-type-info-disabled {
  color: @u-type-info-disabled;
}

.u-type-primary {
  color: @u-type-primary;
}

.u-type-warning {
  color: @u-type-warning;
}

.u-type-success {
  color: @u-type-success;
}

.u-type-error {
  color: @u-type-error;
}

.u-type-info {
  color: @u-type-info;
}

.u-type-primary-bg {
  background-color: @u-type-primary;
}

.u-type-warning-bg {
  background-color: @u-type-warning;
}

.u-type-success-bg {
  background-color: @u-type-success;
}

.u-type-error-bg {
  background-color: @u-type-error;
}

.u-type-info-bg {
  background-color: @u-type-info;
}

.u-main-color {
  color: @u-main-color;
}

.u-content-color {
  color: @u-content-color;
}

.u-tips-color {
  color: @u-tips-color;
}

.u-light-color {
  color: @u-light-color;
}

.u-type-primary-disabled-bg {
  background-color: @u-type-primary-disabled;
}
.u-type-warning-disabled-bg {
  background-color: @u-type-warning-disabled;
}
.u-type-success-disabled-bg {
  background-color: @u-type-success-disabled;
}
.u-type-error-disabled-bg {
  background-color: @u-type-error-disabled;
}
.u-type-info-disabled-bg {
  background-color: @u-type-info-disabled;
}
.u-type-white {
  color: @u-type-white !important;
}
.u-type-white-bg,
.u-bg-fff {
  background-color: @u-type-white !important;
}
.u-bg-color {
  background-color: @u-bg-color !important;
}
.u-border-radius {
  border-radius: @u-border-radius !important;
}
.u-border-radius-middle {
  border-radius: @u-border-radius-middle !important;
}
.u-border-radius-big {
  border-radius: @u-border-radius-big !important;
}
.u-border-radius-all {
  border-radius: @u-border-radius-all !important;
}
.u-border-color {
  border-color: @u-border-color !important;
}
.u-border-color-dark {
  border-color: @u-border-color-dark !important;
}
.u-border-color-disabled {
  border-color: @u-border-color-disabled !important;
}
.u-border-color-light {
  border-color: @u-border-color-light !important;
}
